<template>
  <div class="result-panel">
    <el-input v-model="configResult" type="textarea" :rows="38" readonly />
  </div>
</template>

<script>
export default {
  name: 'AdConfigResult',
  props: {
    configResult: String
  }
}
</script>

  <style scoped>
  .result-panel {
    flex: 1;
    max-width: 100%;
  }

  @media (min-width: 768px) {
    .result-panel {
      max-width: 50%;
    }
  }

  .el-input__inner,
  .el-textarea__inner {
    font-family: monospace;
  }
  </style>
